@import url("indexs.less");
.font-dpr(@font-size) {
    font-size: @font-size;
    [data-dpr="2"] & {
        font-size: @font-size * 2;
    }
    [data-dpr="3"] & {
        font-size: @font-size * 3;
    }
}

.mian {
    position: relative;
    .px2rem(padding-top,
    90);
    .px2rem(left,
    0);
    height: 100%;
    ul {
        position: fixed;
        z-index: 99;
        .px2rem(top,
        90);
        display: flex;
        width: 100%;
        background: white;
        justify-content: space-around;
        align-items: center;
        li {
            text-align: center;
            list-style: none;
            .px2rem(height,
            110);
            flex: 1;
            color: #333;
            .px2rem(line-height,
            110);
            .px2rem(font-size,
            25);
        }
        .fenlei-one {
            border-bottom: 2px solid #ff5793;
            color: #FF5793;
            box-sizing: border-box;
        }
    }
    .swiper-container {
        .px2rem(height,
        748);
        .px2rem(padding-top,
        180);
        .swiper-wrapper {
            .swiper-slide {
                img {
                    .px2rem(height,
                    748);
                    width: 100%;
                }
            }
        }
    }
    .content {
        .px2rem(padding-bottom,
        94);
        p {
            margin: 0 2.5%;
            margin-left: 4%;
        }
        p:nth-child(1) {
            .px2rem(font-size,
            28);
            letter-spacing: 2px;
            color: #333333;
            .px2rem(margin-top,
            26);
            .px2rem(margin-bottom,
            26);
        }
        p:nth-child(2) {
            .px2rem(font-size,
            37);
            color: #dc2020;
            .px2rem(margin-bottom,
            26);
        }
        p:nth-child(3) {
            text-decoration: line-through;
            color: #666666;
        }
        p:nth-child(4) {
            display: flex;
            justify-content: space-between;
            .px2rem(margin-top,
            18);
            .px2rem(margin-bottom,
            18);
            color: #666666;
            span {
                .px2rem(font-size,
                28);
            }
            span:last-child {
                .px2rem(margin-right,
                100);
            }
        }
    }
}

.ftr {
    z-index: 99;
    .px2rem(height,
    94);
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    .footer_left {
        flex: 1;
        display: flex;
        justify-content: space-around;
        dl {
            p {
                color: #999999;
            }
            .footer-color {
                color: #5a9ae4;
            }
        }
    }
    .footer_right {
        flex: 1.2;
        display: flex;
        .btn1 {
            flex: 1;
            .px2rem(height,
            94);
            background: #ff9601;
            color: white;
            border: none;
        }
        .btn2 {
            flex: 1;
            .px2rem(height,
            94);
            background: #ed4444;
            border: none;
            color: white;
        }
    }
}